<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/sytle.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="container">
		<div id="header">
			<img class="logo" src="images/logo.jpg" width="163" height="99"
				style="background: #C6D580; display: block;" />
			<!-- start login-->
			<div>
				<a id="StranLink" href="#">中文</a><span>|</span><a href="#"
					title="English">English</a>
				<s:if test="#session.USER_NAME==null">
					<s:i18n name="globalMessage">
						<s:form action="login">
							<s:textfield name="name" key="user.name"></s:textfield>
							<s:password name="password" key="user.password"></s:password>
							<s:submit key="user.login"></s:submit>
						</s:form>
					</s:i18n>
				</s:if>
				<s:else>
					欢迎<s:property value="#session.USER_NAME" />!
				</s:else>
			</div>
			<!-- end login -->
			<!-- start nav-->
			<div class="nav">

				<s:i18n name="globalMessage">
					<ul id="nav">
						<li><a href="index.jsp"><s:text name="menu.home" /></a></li>
						<li><a href="introduction.jsp"><s:text name="menu.introduction" /></a></li>
						<li><a href="mp3.jsp"><s:text name="menu.mp3dowload" /></a></li>
						<li><a href="map.jsp"><s:text name="menu.map" /></a></li>
						<li><a href="elective.jsp"><s:text name="menu.elective" /></a></li>
						<li><a href="chat.jsp"><s:text name="menu.chat" /></a></li>
						<li><a href="child.jsp"><s:text name="menu.childrensworkdisplayed" /></a></li>
						<s:if test="#session.TYPE=='admin'">
							<li><a href="admin.jsp"><s:text name="menu.admin" /></a></li>
						</s:if>
					</ul>
				</s:i18n>
			</div>
			<!-- end nav-->
			<!-- end .header -->
		</div>
		<div class="sidebar1">
			<ul class="nav">
				<li><a href="#">链接一</a></li>
				<li><a href="#">链接二</a></li>
				<li><a href="#">链接三</a></li>
				<li><a href="#">链接四</a></li>
			</ul>
			<p>以上链接说明了一种基本导航结构，该结构使用以 CSS
				设置样式的无序列表。请以此作为起点修改属性，以生成您自己的独特外观。如果需要弹出菜单，请使用 Spry 菜单、Adobe
				Exchange 中的菜单构件 或其它各种 javascript 或 CSS 解决方案创建您自己的菜单。</p>
			<p>如果您想要在顶部进行导航，只需将 ul.nav 移到页面顶部并重新创建样式即可。</p>
			<!-- end .sidebar1 -->
		</div>
		<div class="content">
			<h1>说明</h1>
			<p>
				请注意，这些布局的 CSS 带有大量注释。如果您的大部分工作都在设计视图中进行，请快速浏览一下代码，获取有关如何使用固定布局 CSS
				的提示。您可以先删除这些注释，然后启动您的站点。要了解有关这些 CSS 布局中使用的方法的更多信息，请阅读 Adobe
				开发人员中心上的以下文章：<a href=http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>。您可以先删除这些注释，然后启动您的站点。若要了解有关这些
				CSS 布局中使用的方法的更多信息，请阅读 Adobe 开发人员中心上的以下文章：<a
					href=http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>。
			</p>
			<h2>清除方法</h2>
			<p>由于所有列都是浮动的，因此，此布局在 .footer 规则中采用 clear:both 声明。此清除方法强制使
				.container 了解列的结束位置，以便显示在 .container 中放置的任何边框或背景颜色。如果您的设计要求您从
				.container 中删除 .footer，则需要采用其它清除方法。最可靠的方法是在最后一个浮动列之后（但在 .container
				结束之前）添加 &lt;br class="clearfloat" /&gt; or &lt;div
				class="clearfloat"&gt;&lt;/div&gt;。这具有相同的清除效果。</p>
			<h3>徽标替换</h3>
			<p>此布局的 .header 中使用了图像占位符，您可能希望在其中放置徽标。建议您删除此占位符，并将其替换为您自己的链接徽标。
			</p>
			<p>请注意，如果您使用属性检查器导航到使用 SRC
				字段的徽标图像（而不是删除并替换占位符），则应删除内嵌背景和显示属性。这些内嵌样式仅用于在浏览器中出于演示目的而显示徽标占位符。</p>
			<p>要删除内嵌样式，请确保将 CSS 样式面板设置为“当前”。选择图像，然后在“CSS
				样式”面板的“属性”窗格中右键单击并删除显示和背景属性。（当然，您始终可以直接访问代码，并在其中删除图像或占位符的内嵌样式。）</p>
			<!-- end .content -->
		</div>
		<div class="sidebar2">
			<h4>背景</h4>
			<p>本质上，所有 div 中的背景颜色将仅显示与内容一样的长度。如果您希望采用分隔线（而不是颜色），请在 .content
				div 的侧面放置边框（但仅当其将始终包含更多内容时）。</p>
			<!-- end .sidebar2 -->
		</div>
		<div class="footer">
			<p>此 .footer 包含声明 position:relative，以便为 .footer 指定 Internet
				Explorer 6 hasLayout，并使其以正确方式清除。如果您不需要支持 IE6，则可以将其删除。</p>
			<!-- end .footer -->
		</div>
		<!-- end .container -->
	</div>
</body>
</html>
